<template>
	<view class="content">
		<!-- 头部导航 -->
		<uni-nav-bar left-text="返回" height="130rpx" left-icon="left" :border="false" title="房屋认证" @clickLeft="back" />
		<!-- 认证部分 -->
		<view class="certified">
			<view class="yes">
				<uni-icons type="checkmarkempty" color="#fff" size="55"></uni-icons>
			</view>
			<view class="mazel">
				<text>恭喜你，操作成功！</text>
			</view>
			<view class="information">
				<view>
					<text>李晓彬</text>
				</view>
				<view>
					<text>你的门牌号是：1栋1单元102</text>
				</view>
				<view>
					<text>等待物业审核！</text>
				</view>
				<!-- 按钮 -->
				<view class="btn" @click="go" >
					<text>返回首页</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			go(){
				uni.switchTab({
					url:'/pages/home/home'
				})
			},
			back(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style lang="less">
	.content{
		.certified{
			margin-top: 131rpx;
			width: 100%;
			.yes{
				width: 145rpx;
				height: 145rpx;
				background-color: #27da99;
				border-radius: 50%;
				margin:  0 auto;
				line-height: 145rpx;
				text-align: center;
			}
			.mazel{
				width: 100%;
				line-height: 100rpx;
				text-align: center;
				font-size: 36rpx;
				font-weight: bold;
				margin-top: 30rpx;
			}
			.information{
				margin-top: 27rpx;
				font-size: 32rpx;
				text-align: center;
				line-height: 42rpx;
			}
			.btn{
				width: 643rpx;
				height: 93rpx;
				line-height: 93rpx;
				border-radius: 46rpx;
				margin: 0 auto;
				margin-top: 75rpx;
				background-color: #1f8fff;
				color: #fff;
				font-size: 32rpx;
			}
		}
	}
</style>
